<template>
  <div>
    <div class="demo-spacing">
      <d-button
        variant="solid"
        color="primary"
      >
        Primary
      </d-button>
      <d-button color="primary">
        Primary
      </d-button>
      <d-button
        variant="text"
        color="primary"
      >
        Primary
      </d-button>
    </div>

    <div class="demo-spacing">
      <d-button
        variant="solid"
        color="secondary"
      >
        Secondary
      </d-button>
      <d-button color="secondary">
        Secondary
      </d-button>
      <d-button
        variant="text"
        color="secondary"
      >
        Secondary
      </d-button>
    </div>

    <div class="demo-spacing">
      <d-button
        variant="solid"
        color="danger"
      >
        Danger
      </d-button>
      <d-button color="danger">
        Danger
      </d-button>
      <d-button
        variant="text"
        color="danger"
      >
        Danger
      </d-button>
    </div>
  </div>
</template>
